<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title>Document</title>
  <script>
    // 初始化函数，设置初始的viewport
    function setInitialScale() {
      var viewport = document.querySelector('meta[name="viewport"]');
      var scale = window.innerWidth / 1920;
      viewport.setAttribute(
        "content",
        `width=device-width, initial-scale=${scale.toFixed(
          1
        )}, maximum-scale=1.0, user-scalable=no`
      );
    }

    // 页面加载时设置一次
    window.addEventListener("DOMContentLoaded", setInitialScale);

    // 窗口大小变化时重新设置
    window.addEventListener("resize", setInitialScale);
  </script>
  <link rel="stylesheet" href="index.css" />
  <link rel="stylesheet" href="common.css" />
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <link rel="stylesheet" href="reset.css" />

</head>

<body>
  <div id="app" class="container-lg container-md container-sm container-xl container">
    <div class="header d-flex justify-content-between">
      <div class="header-left">
        <div class="header-left-icon">
          <img class="logo" src="static/logo.png" alt="" />
        </div>
      </div>
      <div class="header-menus d-flex align-items-center justify-content-between">
        <div class="menu-item active">
          <div class="menu-item-name"><a href="">首页</a></div>
        </div>
        <div class="menu-item">
          <div class="menu-item-name"><a href="product.html">产品</a></div>
        </div>
        <div class="menu-item">
          <div class="menu-item-name"><a href="server.html">服务</a></div>
        </div>
        <div class="menu-item">
          <div class="menu-item-name"><a href="newscenter.html">新闻中心</a></div>
        </div>
        <div class="menu-item">
          <div class="menu-item-name"><a href="about.html">关于我们</a></div>
        </div>
      </div>
      <div class="header-right d-flex flex-column">
        <div class="top d-flex align-items-center">
          <img src="static/headfoot/phone.png" alt="" />
          <span>联系电话</span>
        </div>
        <div class="phone">176-2800-2002</div>
      </div>
    </div>

  </div>
  <div class="index-top">
    <div class="container-lg container-md container-sm container-xl container">
      <div class="top1">创新性IT解决方案提供商</div>
      <div class="top2">专注解决信息化问题，用心陪伴企业成长</div>
      <div class="top3"></div>
      <div class="top4">帮助企业更好的善用技术做好软件产品，为企业提供端到端的业务解决方案， 带动企
        业商业目标的发展及变革。</div>
      <div class="top5">获取报价</div>
    </div>

  </div>
  <div class="index-second">
    <div class="container-lg container-md container-sm container-xl container flex"
      style="justify-content: space-between;">
      <div>
        <div class="item1">10 <span>+</span></div>
        <div class="item2">行业经验10余年</div>
      </div>
      <div>
        <div class="item1">20 <span>+</span></div>
        <div class="item2">相关知识产权20余项</div>
      </div>
      <div>
        <div class="item1">500 <span>+</span></div>
        <div class="item2">深度合作的客户500余位</div>
      </div>
      <div>
        <div class="item1">2000 <span>+</span></div>
        <div class="item2">完成的技术咨询2000余次</div>
      </div>
      <div>
        <div class="item1">83 <span>%</span></div>
        <div class="item2">客户回购率达到83%</div>
      </div>
    </div>
  </div>
  <div class="server-content">
    <div class="index-title">软件定制服务内容 </div>
    <div class="index-desc">量身定制，用心设计，基于企业需求定向开发系统</div>
    <div class="flex card-list">
      <div class="index-card">
        <img src="static/index/ico01.png.png" class="card-logo" alt="">
        <div class="card-title">企业软件开发</div>
        <div class="card-desc">
          <img src="static/index/ico05.png.png" alt="">
          <div>CRM客户关系管理系统</div>
        </div>
        <div class="card-desc">
          <img src="static/index/ico06.png.png" alt="">
          <div>OA办公系统</div>
        </div>
        <div class="card-desc">
          <img src="static/index/ico07.png.png" alt="">
          <div>ERP软件</div>
        </div>
      </div>
      <div class="index-card">
        <img src="static/index/ico02.png.png" class="card-logo" alt="">
        <div class="card-title">数字化中台系统</div>
        <div class="card-desc">
          <img src="static/index/ico08.png.png" alt="">
          <div>人事中台</div>
        </div>
        <div class="card-desc">
          <img src="static/index/ico09.png.png" alt="">
          <div>业务中台</div>
        </div>
        <div class="card-desc">
          <img src="static/index/ico10.png.png" alt="">
          <div>营销中台</div>
        </div>
      </div>
      <div class="index-card">
        <img src="static/index/ico03.png.png" class="card-logo" alt="">
        <div class="card-title">其它系统开发</div>
        <div class="card-desc">
          <img src="static/index/ico11.png.png" alt="">
          <div>电商系统</div>
        </div>
        <div class="card-desc">
          <img src="static/index/ico12.png.png" alt="">
          <div>舆情系统</div>
        </div>
        <div class="card-desc">
          <img src="static/index/ico13.png.png" alt="">
          <div>排名系统</div>
        </div>
      </div>
      <div class="index-card">
        <img src="static/index/ico04.png.png" class="card-logo" alt="">
        <div class="card-title">个性开发需求</div>
        <div class="card-desc">

          <div>我们也能满足您的个性需求</div>
        </div>
        <div class="card-desc">

          <div class="blue">立即获取方案</div>
          <img src="static/index/ico14.png.png" class="arrow">
        </div>

      </div>
    </div>
  </div>
  <div class="advantage">
    <div class="index-title">我们的优势</div>
    <div class="index-desc">来自互联网优秀的技术研发团队，支持多种定制部署形式，为您打造安全稳定可用的系统</div>
    <div class="card-list">
      <div class="card">
        <img src="static/index/image.png" class="card-icon " alt="">
        <div class="card-desc">品牌背书</div>
        <div class="card-msg">一惠，让商业变得更智慧，全身心投入为您服务，助力企业数字化转型升级，科
          技驱动商业革新；专业品牌为您服务</div>
      </div>
      <div class="card">
        <img src="static/index/image(1).png" class="card-icon " alt="">
        <div class="card-desc">规模化专业团队</div>
        <div class="card-msg">100+开发人员，每个项目都有资深产品
          +UI+前后端+测试，符合品牌调性的界面高保
          真设计，让您的用户体验更舒适</div>
      </div>
      <div class="card">
        <img src="static/index/image(2).png" class="card-icon " alt="">
        <div class="card-desc">7.0交付体系</div>
        <div class="card-msg">不断迭代的交付工作流程，4步推进，20处
          细节把控环节，7.0交付体系确保客户需求正
          确转化为产品方案</div>
      </div>
      <div class="card">
        <img src="static/index/image(3).png" class="card-icon " alt="">
        <div class="card-desc">严格质检体系</div>
        <div class="card-msg">严苛的质量管理体系，测试+质检+全员公测
          三重验证 -- 交付项目经功能测试、性能测
          试、安全测试，再由质检部门专人质检，最后
          通过全员公测，才允许交付客户；将便利留给
          客户，将繁琐留给自己。</div>
      </div>
      <div class="card">
        <img src="static/index/image(4).png" class="card-icon " alt="">
        <div class="card-desc">丰富的行业经验</div>
        <div class="card-msg">团队经验丰富，1000+项目案例，精于技
          术，专注产品，致力为您提供有价值的软
          件产品，助您快速进行数字化转型</div>
      </div>
      <div class="card">
        <img src="static/index/image(5).png" class="card-icon " alt="">
        <div class="card-desc">服务于世界500强</div>
        <div class="card-msg">10%的客户为世界500强企业，顶尖企业认可
          的技术实力，为您提供卓越的产品设计，是
          您的企业数字化转型伙伴</div>
      </div>
    </div>
  </div>
  <div class="class-show">
    <div class="main">
      <div class="title">经典案例展示</div>
      <div class="desc">致力于以服务为核心，为客户持续创造价值</div>
      <div class="tabs">
        <div class="tab tab-active">热门案例</div>
        <div class="tab">直播/点播</div>
        <div class="tab">社区020</div>
        <div class="tab">在线教育</div>
        <div class="tab">社交案例</div>
      </div>
      <div class="items">
        <div class="item">
          <img src="static/index/202110185367.jpg.png" alt="">
          <div class="item-content">
            <div>名称：有趣购拼团</div>
            <div>类型：商城拼团类</div>
            <div>功能：有趣购拼团</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110154176.jpg.png" alt="">
          <div class="item-content">
            <div>名称：多米社区</div>
            <div>类型：社区团购类</div>
            <div>功能：本地生活、社区团购</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110134545.jpg(1).png" alt="">
          <div class="item-content">
            <div>名称：云客兔</div>
            <div>类型：拓客类</div>
            <div>功能：营销拓客软件</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110187321.jpg.png" alt="">
          <div class="item-content">
            <div>名称：V云空间</div>
            <div>类型：线上课程类</div>
            <div>功能：互联网授课、直播间、V云圈</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110147414.jpg.png" alt="">
          <div class="item-content">
            <div>名称：绿萝医疗</div>
            <div>类型：线上诊疗</div>
            <div>功能：互联网医生、在线诊疗</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110147414.jpg.png" alt="">
          <div class="item-content">
            <div>名称：绿萝医疗</div>
            <div>类型：线上诊疗</div>
            <div>功能：互联网医生、在线诊疗</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110134545.jpg(1).png" alt="">
          <div class="item-content">
            <div>名称：云客兔</div>
            <div>类型：拓客类</div>
            <div>功能：营销拓客软件</div>
          </div>
        </div>
        <div class="item">
          <img src="static/index/202110187321.jpg.png" alt="">
          <div class="item-content">
            <div>名称：V云空间</div>
            <div>类型：线上课程类</div>
            <div>功能：互联网授课、直播间、V云圈</div>
          </div>
        </div>
      </div>

    </div>
  </div>
  <div class="server-profect">
    <div class="profect-title">服务保障</div>
    <div class="profect-desc">致力于以服务为核心，为客户持续创造价值</div>
    <div class="profect-list">
      <div class="profect">
        <img src="static/index/Maskgroup.png" class="" alt="">
        <div class="profect-name">定制开发免费方案设计</div>
        <div class="profect-msg">洞察市场需求及用户痛点
          建立切实可行的互联网产品策略</div>
        <div class="profect-btn">立即咨询</div>
      </div>
      <div class="profect">
        <img src="static/index/Maskgroup(1).png" class="" alt="">
        <div class="profect-name">定制开发承诺不使用模板</div>
        <div class="profect-msg">100%全新开发
          根据项目需求进行个性化定制</div>
        <div class="profect-btn">立即咨询</div>
      </div>
      <div class="profect">
        <img src="static/index/Maskgroup(2).png" class="" alt="">
        <div class="profect-name">定制开发免费一年产品维护</div>
        <div class="profect-msg">加入互联网思维
          帮助客户项目实施</div>
        <div class="profect-btn">立即咨询</div>
      </div>
      <div class="profect">
        <img src="static/index/Maskgroup(3).png" class="" alt="">
        <div class="profect-name">定制开发免费赠送源码</div>
        <div class="profect-msg">打包全部源码
          让您自己掌握源码</div>
        <div class="profect-btn">立即咨询</div>
      </div>
    </div>
  </div>
  <div class="news">
    <div class="news-content">
      <div class="news-msg">
        <div class="news-title">新闻动态</div>
        <div class="bar"></div>
        <div class="lot">
          <!-- <img src="static/index/Button-Previousslide.png" alt=""> -->
          <!-- <img src="static/index/Button-Nextslide.png" alt=""> -->
          <div class="lot1"></div>
          <div class="lot2"></div>
        </div>
      </div>
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="news-list">
              <div class="news-item-normal">
                <div class="news-date">2024-05-12</div>
                <div class="news-name">选择行业软件定制开发企业的标
                  准</div>
                <div class="new-msg">大型软件管理系统实施过程中需要极强的
                  企业管理水平、人员素质已经经费等各种
                  问题，所以导致很多先进、开源的国外规
                  范的软件管理...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector@2x (1).png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-13</div>
                <div class="news-name">企业开发app的价值和优势是什
                  么？</div>
                <div class="new-msg">互联网的快速发展，让很多企业在发展规
                  划的过程中都需要转型和升级，来跟上发
                  展的脚步。企业自身的缺陷，然后通过企
                  业app的开发来...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-13</div>
                <div class="news-name">如何开发一款让自己满意的软
                  件？</div>
                <div class="new-msg">首先，开发软件前一定要明白自己的需
                  求，也就是做软件想要实现的目的。有了
                  这个目的，那么我们就要围绕这个目的去
                  设计软件的功能....</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-12</div>
                <div class="news-name">选择行业软件定制开发企业的标
                  准</div>
                <div class="new-msg">大型软件管理系统实施过程中需要极强的
                  企业管理水平、人员素质已经经费等各种
                  问题，所以导致很多先进、开源的国外规
                  范的软件管理...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="news-list">
              <div class="news-item-normal">
                <div class="news-date">2024-05-12</div>
                <div class="news-name">选择行业软件定制开发企业的标
                  准</div>
                <div class="new-msg">大型软件管理系统实施过程中需要极强的
                  企业管理水平、人员素质已经经费等各种
                  问题，所以导致很多先进、开源的国外规
                  范的软件管理...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector@2x (1).png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-13</div>
                <div class="news-name">企业开发app的价值和优势是什
                  么？</div>
                <div class="new-msg">互联网的快速发展，让很多企业在发展规
                  划的过程中都需要转型和升级，来跟上发
                  展的脚步。企业自身的缺陷，然后通过企
                  业app的开发来...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-13</div>
                <div class="news-name">如何开发一款让自己满意的软
                  件？</div>
                <div class="new-msg">首先，开发软件前一定要明白自己的需
                  求，也就是做软件想要实现的目的。有了
                  这个目的，那么我们就要围绕这个目的去
                  设计软件的功能....</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-12</div>
                <div class="news-name">选择行业软件定制开发企业的标
                  准</div>
                <div class="new-msg">大型软件管理系统实施过程中需要极强的
                  企业管理水平、人员素质已经经费等各种
                  问题，所以导致很多先进、开源的国外规
                  范的软件管理...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="news-list">
              <div class="news-item-normal">
                <div class="news-date">2024-05-12</div>
                <div class="news-name">选择行业软件定制开发企业的标
                  准</div>
                <div class="new-msg">大型软件管理系统实施过程中需要极强的
                  企业管理水平、人员素质已经经费等各种
                  问题，所以导致很多先进、开源的国外规
                  范的软件管理...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector@2x (1).png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-13</div>
                <div class="news-name">企业开发app的价值和优势是什
                  么？</div>
                <div class="new-msg">互联网的快速发展，让很多企业在发展规
                  划的过程中都需要转型和升级，来跟上发
                  展的脚步。企业自身的缺陷，然后通过企
                  业app的开发来...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-13</div>
                <div class="news-name">如何开发一款让自己满意的软
                  件？</div>
                <div class="new-msg">首先，开发软件前一定要明白自己的需
                  求，也就是做软件想要实现的目的。有了
                  这个目的，那么我们就要围绕这个目的去
                  设计软件的功能....</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
              <div class="news-item-normal">
                <div class="news-date">2024-05-12</div>
                <div class="news-name">选择行业软件定制开发企业的标
                  准</div>
                <div class="new-msg">大型软件管理系统实施过程中需要极强的
                  企业管理水平、人员素质已经经费等各种
                  问题，所以导致很多先进、开源的国外规
                  范的软件管理...</div>
                <div class="news-btn">
                  <div>查看详情</div>
                  <img src="static/index/Vector.png" alt="">
                </div>

              </div>
            </div>
          </div>
        </div>
        <!-- 如果需要分页器 -->


      </div>
    </div>
  </div>
  <div class="foot-view  ">
    <div class="container-lg container-md container-sm container-xl container flex"
      style="height: 100%;justify-content: space-between;">
      <div class="left">
        <div class="comany">石家庄一惠科技有限公司</div>
        <div class="msg flex">
          <div>
            <div class="flex">
              <img src="static//headfoot/i@2x.png" alt="" />
              <div>032-56667605</div>
            </div>
            <div class="flex rows ">
              <img src="static//headfoot/Vector@2x.png" class="qq" alt="" />
              <div>075-32232312</div>
            </div>
          </div>
          <div>
            <div class="flex">
              <img src="static//headfoot/i@2x (1).png" alt="" />
              <div>13595623232</div>
            </div>
            <div class="flex rows">
              <img src="static//headfoot/i@2x (4).png" alt="" />
              <div>shijiazhuangyihui.com</div>
            </div>
          </div>
          <div>
            <div class="flex">
              <img src="static//headfoot/i@2x (2).png" alt="" />
              <div>ICP备案16659522</div>
            </div>
            <div class="flex rows">
              <img src="static//headfoot/i@2x (3).png" alt="" />
              <div>郑州市金水区花园北路紫禁城8楼108室</div>
            </div>
          </div>
        </div>
      </div>
      <div class="right">
        <img src="static//headfoot/ercode.png" alt="" />
        <div>扫码加微信</div>
      </div>
    </div>

  </div>
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/jquery.min.js"></script>
  <script>
    var mySwiper = new Swiper('.mySwiper', {
 
      loop: true, // 循环模式选项
      autoplay: 1000,
      navigation: {
      nextEl: '.lot1',
      prevEl: '.lot2',
    }
    })
    console.log(  $('.tabs .tab'))
    $('.tabs .tab').click(function(){
      $(this).addClass("tab-active ").siblings().removeClass("tab-active"); 
    })
 
  </script>
</body>

</html>